/*
 * @Description: 用户协议单选框区域组件
 * @Author: zhenqiang.hong
 * @Date: 2019-12-05 15:33:20
 * @Last Modified by: zhenqiang.hong
 * @Last Modified time: 2019-12-31 14:49:38
 */
<template>
  <div class="user-agreement-warpper flex-h flex-vc">
    <div>
      <i
        class="icon iconfont fontsize28 baseColorNoAcitve"
        :class="isSelectAgreement?'icon-circle-o':'icon-circle'"
        @click="isSelectAgreement=!isSelectAgreement"
      ></i>
    </div>
    <div>
      <span
        class="fontsize24 aggrement-text"
        @click="isSelectAgreement=!isSelectAgreement"
      >我已阅读并同意</span>
      <span
        class="fontsize24 baseColorNoAcitve"
        @click="gotoAgreemen()"
      >《用户协议》</span>
      <span>和</span>
      <span
        class="fontsize24 baseColorNoAcitve"
        @click="gotoPrivacyPolicy()"
      >《隐私政策》</span>
    </div>
  </div>
</template>

<script>
export default {
  components: {

  },
  data() {
    return {
      isSelectAgreement: false // 是否选中用户协议
    }
  },
  mounted() {

  },
  methods: {
    gotoAgreemen() { // 用户协议
      // window.location.assign('xbapp://open/city-app/useragreement.html')
      this.$router.push({
        name: 'agreement'
      })
    },
    gotoPrivacyPolicy() { // 隐私政策
      // window.location.assign('xbapp://open/city-app/privacypolicy.html')
      this.$router.push({
        name: 'privacyPolicy'
      })
    }
  }
}
</script>

<style scoped>
.user-agreement-warpper {
  margin-top: 20px;
}
.aggrement-text {
  color: #999;
  margin-left: 15px;
}
</style>
